import React from 'react'
import { Layout } from 'antd'
import ChatInterface from './components/ChatInterface'
import './styles/markdown.css'

const { Content } = Layout

function App() {
  return (
    <Layout>
      <Content style={{ padding: '32px', maxWidth: '1200px', margin: '0 auto', minHeight: '100vh' }}>
        <div style={{
          background: '#fff',
          borderRadius: '8px',
          boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
          minHeight: '80vh',
          padding: '24px'
        }}>
          <ChatInterface />
        </div>
      </Content>
    </Layout>
  )
}

export default App 